<div class="comp-pay-dialog" id="compConfirmDialog">
    <modal :show="true" :width="400">
        <validator :rules="rules" :parent="_self">
            <form class="m-form-dialog" name="form" action="javascript:;">
                <div class="modal-header">
                    <a href="javascript:;" class="close" @click="hide()"><span>&times;</span></a>
                    <span class="modal-title">{{$t('payDialog.title')}}</span>
                </div>
                <div class="modal-body">
                    <div class="col-row text">
                        <div class="col-label">
                            <label>{{ $t('tradeType') }}</label>
                        </div>
                        <div class="col-text">
                            <span class="fn-color-buy" v-if="isBuy === true">{{$t('trade.buy')}}</span>
                            <span class="fn-color-sell" v-if="isBuy === false">{{$t('trade.sell')}}</span>
                        </div>
                    </div>
                    <div class="col-row text">
                        <div class="col-label">
                            <label>{{ $t('trade.price') }}</label>
                        </div>
                        <div class="col-text">
                            {{ price }}
                        </div>
                    </div>
                    <div class="col-row text">
                        <div class="col-label">
                            <label>{{ $t('trade.amount') }}</label>
                        </div>
                        <div class="col-text">
                            {{ amount }}
                        </div>
                    </div>
                    <div class="col-row">
                        <div class="col-input">
                            <input type="password"
                                   class="fn-block"
                                   autocomplete="off"
                                   disableautocomplete
                                   ref="input"
                                   id="payPwd"
                                   name="paypwd"
                                   :placeholder="$t('common.assetPassRequireTip')"
                                   v-model="form.paypwd">
                            <div class="ui-tip"></div>
                        </div>
                        <div class="btn-group">
                            <button type="submit"
                                    class="ui-btn binds"
                                    v-if="isRequesting === false"
                                    @click="submit()">{{$t('common.confirm')}}</button>
                            <button type="submit"
                                    class="ui-btn"
                                    disabled
                                    v-if="isRequesting === true">{{$t('common.waiting')}}...</button>
                        </div>
                    </div>
                </div>
                <!--<div class="modal-footer" style="padding-bottom: 40px;">-->
                    <!--<div class="btn-group">-->
                        <!--<button type="submit"-->
                                <!--class="ui-btn binds"-->
                                <!--v-if="isRequesting === false"-->
                                <!--@click="submit()">Confirm</button>-->
                        <!--<button type="submit"-->
                                <!--class="ui-btn"-->
                                <!--disabled-->
                                <!--v-if="isRequesting === true">Waiting...</button>-->
                    <!--</div>-->
                <!--</div>-->
            </form>
        </validator>
    </modal>
</div>